function name_area(ccc){
	if(ccc.checked){
    	document.getElementById("name_area").style.display='none';
        writeCookie('nameshow',1,720)
    }else{
    	document.getElementById("name_area").style.display='';
        writeCookie('nameshow',0,720)
    }
}
function readCookie(name){
  var cookieValue = "";
  var search = name + "=";
  if(document.cookie.length > 0){ 
    offset = document.cookie.indexOf(search);
    if (offset != -1){ 
      offset += search.length;
      end = document.cookie.indexOf(";", offset);
      if (end == -1) end = document.cookie.length;
      cookieValue = unescape(document.cookie.substring(offset, end))
    }
  }
  return cookieValue;
}
function writeCookie(name, value, hours){
    var expire = "";
    var domain = "; path=/; domain=.hangzhou.com.cn";
    if(hours != null){
    expire = new Date((new Date()).getTime() + hours * 3600000);
    expire = "; expires=" + expire.toGMTString();
    }
    document.cookie = name + "=" + escape(value) + expire + domain;
}
function comcheck(frm){
	if(frm.content.value==''){
    	alert("请输入评论类容！");
        frm.content.focus();
        return false;
    }
	if(frm.niming.checked===false && frm.name.value==''){
    	alert("请输入昵称,或者勾选匿名发表！");
        frm.name.focus();
        return false;
    }else{
    	writeCookie('namecom',frm.name.value,720);
    }
    return true;
}
function byteLength (sStr) {
	aMatch = sStr.match(/[^\x00-\x80]/g);
	return (sStr.length + (! aMatch ? 0 : aMatch.length));
}
function getStrbylen(str, len) {
	var num = 0;
	var strlen = 0;
	var newstr = "";
	var laststrlen = 1;
	var obj_value_arr = str.split("");
	for(var i = 0; i < obj_value_arr.length; i ++) {
		if(i < len && num + byteLength(obj_value_arr[i]) <= len) {
			num += byteLength(obj_value_arr[i]);
			strlen = i + 1;
		}
	}
	if(str.length > strlen) {
		if(byteLength(str.charAt(strlen-1)) == 1){
			laststrlen = 2;
		}
		newstr = str.substr(0, strlen-laststrlen) + '…';
	} else {
		newstr = str;
	}
	return newstr;
}
function textCounter(obj, maxlimit) {
	var len = strLen(obj.value);
	if(len > maxlimit) {
    	obj.value = getStrbylen(obj.value, maxlimit);
		alert("最多"+maxlimit+"个字节");
	}
}
function strLen(str) {
	var charset = document.charset; 
	var len = 0;
	for(var i = 0; i < str.length; i++) {
		len += str.charCodeAt(i) < 0 || str.charCodeAt(i) > 255 ? (charset == "utf-8" ? 3 : 2) : 1;
	}
	return len;
}

document.write('<link href="https://web.hangzhou.com.cn/comment/css/style.css" rel="stylesheet" type="text/css" />');
document.write('<script src="https://web.hangzhou.com.cn/comment/js/jquery-1.9.1.min.js" type="text/javascript" language="javascript" charset="utf-8"></script>');
document.write('<div class="height10"></div>');
document.write('<div class="comment_body">');

document.write('<div class="comment_top">');
document.write('<a name="commenttop" id="commenttop"></a>');
document.write('<h2>网友提问选登</h2>');
document.write('<p><a href="https://web.hangzhou.com.cn/comment/list.php?news_id=1854" target="_blank">所有发帖(已有<span class=num_pass>90</span>位网友发帖)</a></p>');
document.write('</div>');
document.write('<div id="comment_list">');
document.write('<div class="comment_list">');
document.write('<p>杭州网网友　2014-03-31 11:16:59</p>');
document.write('<div>博物馆是要造在白马湖上？</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>杭州网网友　2014-03-30 11:17:49</p>');
document.write('<div>1号像艘飞船</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>杭州网网友　2014-03-29 11:18:03</p>');
document.write('<div>还是2号吧，</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>杭州网网友　2014-03-29 11:16:20</p>');
document.write('<div>2</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>杭州网网友　2014-03-28 11:17:16</p>');
document.write('<div>效果图都很漂亮</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>阳春三月　2014-03-28 11:13:37</p>');
document.write('<div>3号挺像博物馆的。感觉博物馆就应该是3号这种样子的。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>我很2　2014-03-28 11:12:03</p>');
document.write('<div>这个博物馆啊，动漫啊，选择方案2啊，没有理由，就是喜欢。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>无所谓　2014-03-28 11:10:16</p>');
document.write('<div>除了5号，其它就看哪个建造成本低，建造难度低，空间利用率大来选吧。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>死要面子　2014-03-28 11:08:47</p>');
document.write('<div>哈哈，5号太搞笑了，这是个展馆的设计吧。弄成房交会的展馆挺不错的。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>大冒险　2014-03-28 11:07:12</p>');
document.write('<div>仔细研究了一下，综合考虑还是2号方案更为稳妥，也比较合适。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>憧憬　2014-03-28 11:06:09</p>');
document.write('<div>1号太美了，如果不计成本啥的话，我力挺1号。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>白加黑　2014-03-28 11:03:05</p>');
document.write('<div>我喜欢4号，霸气，更杭州的柔美刚好形成鲜明反差对比，能够凸显！而且，我印象中博物馆都是很粗狂的。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>铅笔橡皮　2014-03-28 10:55:32</p>');
document.write('<div>都不是很喜欢，一定要选一个的话，那就选2号吧。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>企鹅　2014-03-28 10:53:06</p>');
document.write('<div>第二个方案好，如果几个圆圈分别设计一种颜色就更好了。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>crowd　2014-03-28 10:52:37</p>');
document.write('<div>2号好，2号方案的场馆前有一块足够大的空地，可以做户外活动用，这样更节省空间也可以将场馆内的人群进行分流，不至于场馆内太拥挤</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>飘迪　2014-03-28 10:50:11</p>');
document.write('<div>1号3号都有两个场馆，虽然整体上没还有三个好看，但是我觉得两个场馆还是很有必要的。这样小的那个场馆可以做一个cosplay的比赛场馆，大的可以做动漫节的主场馆</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>生活多美好　2014-03-28 10:48:03</p>');
document.write('<div>我支持2号，这样的造型，想必里面空间布置会比较合理。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>我在哪　2014-03-28 10:46:35</p>');
document.write('<div>我喜欢4号和5号的半透明设计，这样参观者就可以在楼下就可以看到楼上发生的事了。但更倾向于4号</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>7788　2014-03-28 10:46:15</p>');
document.write('<div>3号有博物馆的气质。如果色彩更鲜亮一些就更好了。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>regent　2014-03-28 10:44:44</p>');
document.write('<div>其实我认为每个方案只有两张图片实在是太少了，我们只能看以个大概，没法观察到很多细节。希望能给更多的图片<br/>就图片而言，个人倾向2号</div>');
document.write('</div>');
document.write('</div>');
document.write('<div class="comment_bottom">');
document.write('<div class="page_area" id="page_area">');
document.write('<div class=\"page\"><span>选登 <strong>90</strong> 条 显示 <strong>1</strong> - <strong>20</strong> 条</span><b>1</b><a  href=\'#commenttop\' onclick=getpage(\'2\')>2</a><a  href=\'#commenttop\' onclick=getpage(\'3\')>3</a><a  href=\'#commenttop\' onclick=getpage(\'4\')>4</a><a  href=\'#commenttop\' onclick=getpage(\'5\')>5</a><span>..</span><a  href=\'#commenttop\' onclick=getpage(\'5\')>5</a><a  href=\'#commenttop\' onclick=getpage(\'2\')>&gt;</a></div>');
document.write('</div>');
document.write('<p>');
document.write('<a href="https://web.hangzhou.com.cn/comment/list.php?news_id=1854" target="_blank">所有发帖(已有<span class=num_pass>90</span>位网友发帖)</a>');
document.write('</p>');
document.write('</div>');
document.write('<div class="comment_frm">');
document.write('<a name="comment" id="comment"></a><ul>');
document.write('<form id="comfrm" name="comfrm" method="post" action="https://web.hangzhou.com.cn/comment/comment.php" onsubmit="return comcheck(this)" target="_blank">');
document.write('<li>');
document.write('<textarea name="content" id="content" cols="45" rows="5" class="frm_content" onkeyup="textCounter(this, 2000);" onchange="textCounter(this, 2000);"></textarea>');
document.write('</li>');
document.write('<li><span id="name_area">');
document.write('昵称：<input name="name" type="text" id="name" maxlength="20" /></span> ');
document.write('<label id="niming_area"><input name="niming" type="checkbox" id="niming" value="1" onclick="name_area(this)" />匿名发表</label>');
document.write('<p><input type="submit" name="comsumbit" id="comsumbit" value="  提交评论  " /><input name="news_id" type="hidden" id="news_id" value="1854" /><input name="url_charset" type="hidden" id="url_charset" value="utf-8" /></p>');
document.write('</li>');
document.write('</form>');
document.write('</ul>');
document.write('</div>');
document.write('<div class="clear"></div>');
document.write('</div>');
var nameshow = readCookie('nameshow');
if(nameshow==1){
document.getElementById("name_area").style.display='none';
document.comfrm.niming.checked=true;
}else{
if(document.getElementById("name_area")){
document.getElementById("name_area").style.display='';
}
}
var namecom = readCookie('namecom');
if(namecom){
	document.comfrm.name.value=namecom;
    //document.comfrm.name.readOnly=true;
    //document.getElementById("niming_area").style.display='none';
}
function getpage(page){
	var news_id=1854;
   // $("#comment_list").load("https://web.hangzhou.com.cn/comment/ajax/index.php?action=getpage&news_id="+news_id+"&page="+page+"&i="+Math.random(),function(){$(this).fadeIn();}); 
   // parent.document.getElementById("hzcomment").src="https://web.hangzhou.com.cn/comment/index.php?news_id=1854&page="+page;
    //alert(parent.document.getElementById("hzcomment").src)
    
    $.getJSON("https://web.hangzhou.com.cn/comment/ajax/index.php?action=getpage&news_id="+news_id+"&page="+page+"&jsoncallback=?",{bian:"是"},
	function(json){
    	//alert(json.pagelist)
		$("#comment_list").html(json.infolist);
		$("#page_area").html(json.pagelist);
	})
    
}